<script lang="ts">
import {defineComponent, onMounted, reactive, toRefs} from 'vue';
export default defineComponent({
  name: 'app',
  setup() {
    const state = reactive({
      bg: 'https://jc-personal.obs.cn-southwest-2.myhuaweicloud.com/public/image/chat/im_bg_7389562736492764357834234.jpg'
    })
    onMounted(() => {
      console.log(import.meta.env)
    })
    return {
      ...toRefs(state)
    }
  }
})
</script>

<template>
  <div class="base-wrap" :style="{backgroundImage:'url('+ bg +')'}">
    <RouterView/>
  </div>
</template>

<style scoped lang="scss">
.base-wrap {
  .footer {
    padding: 0 20px;
    overflow: hidden;
    min-height: 200px;
  }
}
</style>
